<!DOCTYPE html>
<html lang="en">
<head>
    <meta http-equiv="expires" content="Thu,01 Jan 1970 00:00:01 GMT">
    <meta http-equiv="pragma" content="no-cache">
    <meta http-equiv="Cache-Control" content="no-cache">
    <!--<meta http-equiv="Content-Security-Policy" content="default-src 'self';font-src 'self' data: https://fonts.gstatic.com https://fonts.googleapis.com/;style-src 'self' 'unsafe-inline'; media-src *;script-src 'self' http://api.map.baidu.com ;">-->
    <meta charset="UTF-8">
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=Edge">
    <link href="__IMG__/logo.png" rel="shortcut icon" type="image/x-icon">
    <title>花椒-附城--成都味之初农产品有限公司</title>
    <base target="_self">
    <meta name="keywords" content="成都调味品批发交易贸易，花椒，辣椒，香料，成都调味品">
    <meta name="description" content="成都味之初农产品有限公司,专注于花椒，辣椒，香料等调味品批发贸易">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
    <link rel="stylesheet" href="__CSS__/bootstrap.min.css">
    <link rel="stylesheet" href="__CSS__/reset.css">
    <link rel="stylesheet" href="__CSS__/iconfont.css">
    <link rel="stylesheet" href="__CSS__/common.css">
    <link rel="stylesheet" href="__CSS__/huajiao.css">
    <script>
        var _hmt = _hmt || [];
        (function() {
            var hm = document.createElement("script");
            hm.src = "https://hm.baidu.com/hm.js?68cca1e88d91513304d45edd3b72a6ba";
            var s = document.getElementsByTagName("script")[0];
            s.parentNode.insertBefore(hm, s);
        })();
    </script>
</head>
<body>
    <top>
        <header class="navbar navbar-default">
            <div class="login-reg">
                {include file="index@base/status"}
            </div>
            <div class="container">
                <!--小屏幕导航按钮和logo-->
                <div class="navbar-header">
                    <button class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                    </button>
                    <div id="logo-part-for-mobile" style="display: none;">
                        <a href="http://cdweizhichu.com/">
                            <img src="__IMG__/logo.png" class="logo">
                            <span>附城</span>
                        </a>
                    </div>
                </div>
                <!--小屏幕导航按钮和logo-->
                <!--导航-->

                <div class="navbar-collapse collapse">
                    <div id="logo-part-for-pc">
                        <h1 style="display: inline-block;">
                            <a href="http://cdweizhichu.com/" style="display: block">
                                <img src="__IMG__/logo.png" class="logo">
                                <span class="logo-right-txt">附城</span>
                            </a>
                        </h1>
                    </div>
                    <ul id="main-navigation" class="nav navbar-nav">
                        <li>

                            <a href="/">附城</a>

                        </li>
                        <li class="active">
                            <a href="/index/index/huajiao">花椒</a>
                        </li>
                        <li class="">

                            <a href="/index/index/lajiao">辣椒</a>

                        </li>
                        <li class="">

                            <a href="/index/index/xiangliao">香料</a>

                        </li>
                        <li class="prod-center">

                            <a href="#">产品中心 <i class="nav-arrow-up" style="margin-left: -5px;"></i></a>

                            <ul>
                                <li><a href="/index/index/prodhuajiao">花椒产品</a></li>
                                <li><a href="/index/index/prodlajiao">辣椒产品</a></li>
                                <li><a href="/index/index/prodxiangliao">香料产品</a></li>
                                <li><a href="/index/index/prodquality">精品展示</a></li>
                            </ul>
                        </li>
                        <li class="">

                            <a href="./news.html">最新资讯</a>

                        </li>
                        <li class="">

                            <a href="./story.html">故事欣赏</a>

                        </li>
                    </ul>
                </div>
                <!--导航-->
            </div>
        </header>
    </top>

    <div class="popular">
        <div class="popular-cont">
            <div class="title">
                为什么<span>花椒</span>这么受欢迎？
            </div>
            <div class="pop-bg">
                <div class="pop-left">
                    <div class="huajiao-intro-title">
                        <img src="__IMG__/white-circle.png" alt="">
                        <span>花椒介绍</span>
                    </div>
                    <p class="pop-left-txt">
                        花椒，又叫秦椒、川椒，是花椒树的果实，在四川、河南、河北、山西、陕西、云南等地都有出产。一般在8月份成熟。生品有强烈的麻味，炒熟之后会发出香气。是一种常见的香辛调料 ，很多种复合调料都以它作主要原料。用于菜肴可以除腥祛异、增香和味，可以独立使用也可以与其他调味品复合使用，多用于炝、腌、拌、烧、炒、烩、炸、蒸等技法中。
                    </p>
                </div>
                <div class="pop-right">
                    <div class="divide-sort">按大小分为：大椒、小椒。</div>
                    <p class="pop-right-txt">
                        按产地可分为：野花椒、川陕 花椒、竹叶花椒、青花椒、大红袍、大红椒、小红椒、白沙椒、豆椒、秦安1号、双耳椒。
                    </p>
                </div>
            </div>
        </div>
    </div>
    <div class="history-bg"></div>
    <div class="huajiao-long-bg">
        <div class="long-part-one">
            <div class="long-part-one-top">
                <img src="__IMG__/huajiao-long-part-one-left.png" class="left-pic">
                <div class="right-history-txt">
                    <p>
                        早在《诗经》中就有“椒聊之实，繁衍盈升”的描述。在《齐民要术》中，也有花椒栽培的记载。历代文人墨客赞颂“椒浆”、“椒酒”、“椒房”的诗句和文章也不少。全国均有分布，但以西北、华北、西南地区较多。重点产于河北、河南、山东、甘肃，尤其甘肃的花椒名列前茅、遐尔闻名。甘肃最有名的主要指武都花椒，“花椒金三角”指洛塘片、三河片、文县的临江片。据历史资料记载，我县花椒已有3000多年的栽培历史了，历代就被列为贡品进贡。
                    </p>
                    <p>
                        其特点是：粒大、皮厚（花椒的主要食用部分为外果皮和内果皮）、色泽丹红、芳香浓郁、麻味纯正，是花椒中的调味、药用之正品，居全国之冠。
                    </p>
                </div>
            </div>

            <div class="long-part-one-bot">
                <div class="qinghuajiao-left">
                    <div class="qinghuajiao-left-one">
                        <div class="title">青花椒</div>
                        <img src="__IMG__/qinghuajiao.png" alt="">
                    </div>
                    <div class="qinghuajiao-left-txt">
                        青花椒属灌木；枝灰褐色，有短小皮刺。小叶椭圆形或椭圆状披针形，边缘有细锯齿，齿缝间有腺点，表面绿色，有细毛，背面苍绿色，疏生油点。据李时珍《本草纲目》记载：“花椒坚齿、乌发、明目，久服，好颜色，耐老、增年、健神。”植株作防护刺篱。果也可作调味香料。果皮可作为调味料，可提取芳香油，又可入药。种子可食用，又可加工制作肥皂。根、叶及果入药，能 消寒解毒，消食健胃。
                    </div>
                </div>
                <div class="qinghuajiao-right">
                    <img src="__IMG__/tu-an.png">
                    <p class="ma">麻</p>
                    <p class="la">辣</p>
                    <p>鲜</p>
                    <p class="xiang">香</p>
                    <p class="qinghuajiao-right-txt">青葱衣袍</p>
                    <p class="qinghuajiao-right-txt">加上游遍全身的清香</p>
                    <p class="qinghuajiao-right-txt">是你给我最好的礼物</p>
                </div>
            </div>
        </div>
        <div class="perches-qinghuajiao"></div>
        <div class="shejian-part">
            <div class="shejian-part-left">
                <div class="title">舌尖上的青花椒</div>
                <div class="maweishizu">麻丨味丨十丨足</div>
                <div class="orange-bg-title">营养丰富的新鲜产品</div>
                <div class="shejian-txt">
                    <p>多为2～3个上部离生的荚果，直径3～4mm，顶端具短小喙尖。外果皮表面呈</p>
                    <p>灰绿色、黄绿色至棕绿色，有网纹及多数凹下的小点状油腺;内果</p>
                    <p>皮光滑，灰白色或淡黄色，与外果皮分离或卷</p>
                    <p>起，残存种子卵形，黑色有光泽。</p>
                    <p>气香，味微甜而后辛。</p>
                </div>
            </div>
            <img src="__IMG__/shejian.png" class="shejian-pic">
        </div>
        <div class="perches-hanyuan-huajiao">
            <div class="gongjiao-wrapper">
                <div class="gongjiao-txt-line1">清椒史称贡椒、娃娃椒、子母椒，又称汉源花椒</div>
                <div class="gongjiao-txt-line2"><span>汉源花椒——</span><span>贡椒</span></div>
            </div>
        </div>
        <div class="hanyuan-huajiao">
            <div class="row">
                <div class="col-md-4">
                    <img src="__IMG__/hanyuan-huajiao_002.jpg" alt="">
                </div>
                <div class="col-md-5">
                    <div class="mid-txt-wrapper">
                        <p>
                            汉源花椒经过上百代清溪椒农的选种繁育，气更清、味更重、香更浓、麻上劲。目前，汉源花椒种植面积已达6万余亩，1000多万株，年总产量726吨，2001年汉源被国家林业局命名为“中国花椒之乡”。2004年，巴蜀一绝的汉源花椒正式列入国家原产地域保护产品 。2008年汉源花椒名列四川省“十佳地理标志农产品”榜首，是雅安市唯一上榜的产品。
                        </p>
                        <div class="gongjiao-history-title">汉源花椒历史悠久，唐代被列为贡品</div>
                        <div class="mid-bot-txt">故名——<span class="gongjiao-txt">贡椒</span></div>
                    </div>
                </div>
                <div class="col-md-3" id="m_view">
                    <img src="__IMG__/gongjiao-txt.png" class="gongjiao-txt-pic">
                </div>
            </div>
        </div>
    </div>


    {include file="/common" /}


    <!--user part-->
    {include file="index@base/userinfo"}


    <div id="outerdiv" style="position:fixed;top:0;left:0;background:rgba(0,0,0,0.7);z-index:2;width:100%;height:100%;display:none;">
        <div id="innerdiv" style="position:absolute;">
            <img id="bigimg" style="border:5px solid #fff;" src="" />
        </div>
    </div>
</body>
<script src="__JS__/jQuery-1.11.1.min.js"></script>
<script src="__JS__/bootstrap.min.js"></script>
<script>
    (function(){
        var bp = document.createElement('script');
        var curProtocol = window.location.protocol.split(':')[0];
        if (curProtocol === 'https') {
            bp.src = 'https://zz.bdstatic.com/linksubmit/push.js';
        }
        else {
            bp.src = 'http://push.zhanzhang.baidu.com/push.js';
        }
        var s = document.getElementsByTagName("script")[0];
        s.parentNode.insertBefore(bp, s);
    })();
</script>
<script>
    $(function () {
        $('.user-fixed-right').mouseenter(function () {
            $(this).css({right:0,height:'200px',background:'#3A394D',borderColor: '#333',borderRadius:0,transition:'all .3s ease-out'})
            $('.user-edit').show()
        }).mouseleave(function () {
            $(this).css({right:'-50px',height:'100px',background:'#fff',borderColor: '#efa123',borderRadius:'50%',transition:'all .3s ease-out'})
            $('.user-edit').hide()
        })
    })
</script>
<script>
    $(function () {
        setTimeout(function () {


            $('.history-bg').height(document.body.offsetWidth * 365/1920)
            $('.perches-qinghuajiao').height(document.body.offsetWidth * 365/1920)
            $('.perches-hanyuan-huajiao').height(document.body.offsetWidth * 132/1920)

        },800)

        $('.prod-center').mouseenter(function () {
            $(this).find('ul').show()
            $(this).find('.nav-arrow-up').css({transform:'translateY(-20%) rotate(315deg)',transition:'all .35s ease-in-out'})
        }).mouseleave(function () {
            $(this).find('.nav-arrow-up').css({transform:'translateY(-50%) rotate(135deg)'})
        })

        $('.prod-center ul').mouseenter(function () {
            $(this).siblings('a').find('.nav-arrow-up').css({transform:'translateY(-20%) rotate(315deg)'})
        }).mouseleave(function () {
            $(this).hide()
            $(this).siblings('a').find('.nav-arrow-up').css({transform:'translateY(-50%) rotate(135deg)'})
        })


        if(window.screen.width < 500) {
            $('#logo-part-for-mobile').show()
            $('#logo-part-for-pc').hide()

            var prodUl = true
            $('.prod-center>a').on('click',function () {
                if(prodUl) {
                    $(this).siblings().show()
                    $(this).find('.nav-arrow-up').css({transform:'translateY(-20%) rotate(315deg)',transition:'all .35s ease-in-out'})
                    prodUl = false
                }else {
                    $(this).siblings().hide()
                    $(this).find('.nav-arrow-up').css({transform:'translateY(-50%) rotate(135deg)'})
                    prodUl = true
                }
            })
        }

        //手机屏下的导航显示
        var toggleState = true
        $('.navbar-toggle').on('click',function () {
            if(toggleState){
                $('.navbar-collapse').css({transform:'scaleY(1)',transformOrigin:'top',transition: 'all .35s ease'})
                if($('.prod-center ul').css('display') === 'block') {
                    setTimeout(function () {
                        $('.navbar-collapse').css({height:'350px'})
                    }, 380)
                }
                toggleState = false
            }else{
                $('.navbar-collapse').css({transform:'scaleY(0)',transformOrigin:'top',transition: 'all .35s ease'})
                if($('.prod-center ul').css('display') === 'block') $('.prod-center ul').css('display') === 'none'
                toggleState = true
            }
        })
        $('.prod-center').on('click',function () {
            if($('.prod-center ul').css('display') === 'block') $('.navbar-collapse').css({height:'350px'})
            else $('.navbar-collapse').css({height:'302px'})
        })

    })
</script>
<script>
    $(function(){
        $('.main-cont img').addClass('pimg')

        $(".pimg").on('click',function(){
            var _this = $(this);//将当前的pimg元素作为_this传入函数
            imgShow("#outerdiv", "#innerdiv", "#bigimg", _this);
        });
    });

    function imgShow(outerdiv, innerdiv, bigimg, _this){
        var src = _this.attr("src");//获取当前点击的pimg元素中的src属性
        $(bigimg).attr("src", src);//设置#bigimg元素的src属性

        /*获取当前点击图片的真实大小，并显示弹出层及大图*/
        $("<img/>").attr("src", src).load(function(){
            var windowW = $(window).width();//获取当前窗口宽度
            var windowH = $(window).height();//获取当前窗口高度
            var realWidth = this.width;//获取图片真实宽度
            var realHeight = this.height;//获取图片真实高度
            var imgWidth, imgHeight;
            var scale = 0.8;//缩放尺寸，当图片真实宽度和高度大于窗口宽度和高度时进行缩放
            var scaleWidth = _this.width() //默认显示宽度
            var scaleHeight = _this.height() //默认显示高度

            if(scaleHeight>windowH*scale) {//判断图片高度
                imgHeight = windowH*scale;//如大于窗口高度，图片高度进行缩放
                imgWidth = imgHeight/scaleHeight*scaleWidth;//等比例缩放宽度
                if(imgWidth>windowW*scale) {//如宽度扔大于窗口宽度
                    imgWidth = windowW*scale;//再对宽度进行缩放
                }
            } else if(scaleWidth>windowW*scale) {//如图片高度合适，判断图片宽度
                imgWidth = windowW*scale;//如大于窗口宽度，图片宽度进行缩放
                imgHeight = imgWidth/scaleWidth*scaleHeight;//等比例缩放高度
            } else {//如果图片真实高度和宽度都符合要求，高宽不变
                imgWidth = realWidth;
                imgHeight = realHeight;
            }
            $(bigimg).css("width",imgWidth);//以最终的宽度对图片缩放

            var w = (windowW-imgWidth)/2;//计算图片与窗口左边距
            var h = (windowH-imgHeight)/2;//计算图片与窗口上边距
            $(innerdiv).css({"top":h, "left":w});//设置#innerdiv的top和left属性
            $(outerdiv).fadeIn("fast");//淡入显示#outerdiv及.pimg
        });

        $(outerdiv).on('click',function(){//再次点击淡出消失弹出层
            $(this).fadeOut("fast");
        });
    }

</script>
</html>